<form nz-form>
    <div nz-row [nzGutter]="8">
        <div nz-col [nzSpan]="6">            
            <nz-form-item >
                <nz-form-label nzXs="24" nzSm="7" [nzFor]="'deliveryId'">{{'deliveryId' | translate}}</nz-form-label>
                <nz-form-control nzXs="24" nzSm="17">
                    <input nz-input readonly name="deliveryId" nzCompact="true" [(ngModel)]="delivery.deliveryId">
                </nz-form-control>
            </nz-form-item>
        </div>
        <div nz-col [nzSpan]="6">            
            <nz-form-item >
                <nz-form-label nzXs="24" nzSm="7" [nzFor]="'user'">{{'user' | translate}}</nz-form-label>
                <nz-form-control nzXs="24" nzSm="17">
                    <input nz-input readonly name="user" nzCompact="true" [(ngModel)]="record.clientName">
                </nz-form-control>
            </nz-form-item>
        </div>        
        <div nz-col [nzSpan]="6">            
            <nz-form-item >
                <nz-form-label nzXs="24" nzSm="7" [nzFor]="'deliveryDate'">{{'shippingDate' | translate}}</nz-form-label>
                <nz-form-control nzXs="24" nzSm="17">
                    <input nz-input readonly name="deliveryDate" nzCompact="true" value="{{record.deliveryDate | date:'yyyy/MM/dd'}}">
                </nz-form-control>
            </nz-form-item>
        </div>
    </div>
    <div nz-row [nzGutter]="8">
        <div nz-col [nzSpan]="6">            
            <nz-form-item >
                <nz-form-label nzXs="24" nzSm="7" [nzFor]="'qty'">{{'qty' | translate}}</nz-form-label>
                <nz-form-control nzXs="24" nzSm="17">
                    <input nz-input readonly name="qty" nzCompact="true" [(ngModel)]="delivery.qty">
                </nz-form-control>
            </nz-form-item>
        </div>
        <div nz-col [nzSpan]="6">            
            <nz-form-item >
                <nz-form-label nzXs="24" nzSm="7" [nzFor]="'sendQty'">{{'sendQty' | translate}}</nz-form-label>
                <nz-form-control nzXs="24" nzSm="17">
                    <input nz-input readonly name="sendQty" nzCompact="true" [(ngModel)]="delivery.sendQty">
                </nz-form-control>
            </nz-form-item>
        </div>
        <div nz-col [nzSpan]="6">            
            <nz-form-item >
                <nz-form-label nzXs="24" nzSm="7" [nzFor]="'wf'">{{'wf' | translate}}</nz-form-label>
                <nz-form-control nzXs="24" nzSm="17">
                    <input nz-input readonly name="wf" nzCompact="true" value="{{delivery.qty - delivery.sendQty}}">
                </nz-form-control>
            </nz-form-item>
        </div>        
    </div>    
</form>

<simple-table #st
  [columns]="columns"
  [data]="data"
  [showTotal]="true">
</simple-table>

<div class="modal-footer">   
    <button *ngIf="!isGz && gzBtn" nz-button type="button" nzType="danger" (click)="deliveryGz()" [nzLoading]="loading">Posting</button>      
    <button *ngIf="exportBtn" nz-button down-file [http-url]="exportUrl" [file-name]="filename" type="button" nzType="default">Export</button>    
    <button *ngIf="printBtn" nz-button type="button" nzType="default" (click)="print()">Print</button>    
    <button nz-button type="button" nzType="default" (click)="close()">{{'close' | translate}}</button>    
</div>
